<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <div>
    <img class="content-img lazy_img" src="https://mwappimgs.cc/static/images/imagecover3.jpg"
      data-r-src="https://mwfimsvfast2.cc/static/upload2/book/id/127042/30811552/fb2300781ba40c8bd87ddeb9ece1d3ca_zb.webp?v=20220724"
      data-original="" data-sort="1" style="min-height: 100px;width: 100%;">

    <img class="content-img lazy_img" src="https://mwappimgs.cc/static/images/imagecover3.jpg"
      data-r-src="https://mwappimgs.cc/static/upload2/book/id/233369/30379149/bb97f46a7b8bd0295ca62cf34457643a.webp?v=20220724"
      data-original="" data-sort="2" style="min-height: 100px;width: 100%;">

    <img class="content-img lazy_img" src="https://mwappimgs.cc/static/images/imagecover3.jpg"
      data-r-src="https://mwappimgs.cc/static/upload2/book/id/233369/30379149/9eab607173147803d352ab7dc3e20f53.webp?v=20220724"
      data-original="" data-sort="3" style="min-height: 100px;width: 100%;">

    <img class="content-img lazy_img" src="https://mwappimgs.cc/static/images/imagecover3.jpg"
      data-r-src="https://mwappimgs.cc/static/upload2/book/id/233369/30379149/38ac6468e84265dddf1b848c04083ca4.webp?v=20220724"
      data-original="" data-sort="4" style="min-height: 100px;width: 100%;">

    <img class="content-img lazy_img" src="https://mwappimgs.cc/static/images/imagecover3.jpg"
      data-r-src="https://mwappimgs.cc/static/upload2/book/id/233369/30379149/7c74372df6052383b9690279a71a0fa0.webp?v=20220724"
      data-original="" data-sort="5" style="min-height: 100px;width: 100%;">

  </div>


  <script src="../javaScript/jquery.min.js"></script>
  <script src="../javaScript/jquery.lazyload.min.js"></script>
  <script src="../javaScript/crypto-js.js"></script>
  <script src="../javaScript/webp-hero.bundle.js"></script>
  <script>
    $(function () {
      const e = '<div class="dl-overlay"><div class="card">\n  <div class="progress">\n    <svg viewBox="0 0 36 36" stroke="#cccccc" stroke-width="2.5" fill="none">\n      <circle cx="18" cy="18" r="15.9155"/>\n      <circle cx="18" cy="18" r="15.9155" stroke="#4cc790"/>\n    </svg>\n    <div class="number">\n      <p><span>0</span>%</p>\n    </div>\n<div style="position: absolute;top: 65%;left: 33%;"><h2>加載中</h2></div> \n  </div>\n<div class="retry_img">\n      <span style="\n    cursor: pointer;\n    display: none;\n    font-size: 1rem;\n    border: 2px solid #ffffff;\n    border-radius: 5px;\n    color: white;\n    padding: 8px 10px;\n    background-color: #242424;\n    top: 17px;\n    position: relative;\n">加载失败,请点击重试</span>\n  </div>'
        , t = (e, t, r) => {
          e.css("strokeDasharray", `${t}100`),
            e.find(".number span").text(Math.round(t)),
            null != r && e.find("h2").html(r)
        };
      webpMachine = new webpHero.WebpMachine()
      webpMachine.webpSupport.then(r => {
        var n = !1
          , s = "my";
        let a, i, o = "ret";
        s += "2ecret",
          s += "782ec",
          s += "ret";
        var c = 300;
        async function l(e, r, n) {
          let s = $(".img-hosts").attr("data-img-hosts");
          if (s) {
            s = (s = window.atob(s)).split(",");
            for (let t = 0; t < s.length; t++)
              if (t >= n) {
                let r = new URL(e);
                e = e.replace(r.hostname, s[t]);
                break
              }
            t($(r).prev(), 0, "加載中"),
              await p(e, r, n)
          }
        }
        $("img.lazy_img").each(function (e) {
          $(this).attr("data-original", "https://mwappimgs.cc/static/images/imagecover.png"),
            $(this).on("load", function () {
              ($(this).attr("src").indexOf("blob:") > -1 || $(this).attr("src").indexOf("base64") > -1)
                && ($(this).css("width", "auto").css("display", "flex").css("min-height", "0px"),
                  window.URL.revokeObjectURL($(this).attr("src")))
            })
        });
        try {
          d()
        } catch (e) { }
        function d() {
          $("img.lazy_img").lazyload({
            threshold: 1500,
            effect: "fadeIn",
            load: function (t) {
              $(e).insertBefore($(this)),
                $(this).outerHeight() > c && (c = $(this).outerHeight()),
                $(this).prev().css("height", c);
              let r = $(this)[0]
                , n = r.getAttribute("src");
              n.indexOf("blob:") < 0 && n.indexOf("base64") && n.indexOf("/book/content/") < 0 && p(r.getAttribute("data-r-src"), r)
            }
          })
        }
        async function p(e, r, n = 0) {
          let a = new XMLHttpRequest;
          a.open("GET", e, !0),
            a.addEventListener("progress", function (e) {
              let n = e.loaded / (e.loaded + 6e3) * 100;
              t($(r).prev(), n, "加載中")
            }),
            a.responseType = "arraybuffer",
            a.onerror = async function () {
              $(r).prev().css("height", "500px");
              let t = $(".img-hosts").attr("data-img-hosts");
              t = (t = window.atob(t)).split(","),
                n < t.length ? (n += 1,
                  $(r).prev().find(".number").html("<span>重试中" + n + "</span>"),
                  $(r).prev().find("h2").html(""),
                  await l(e, r, n)) : $(r).prev().hasClass("dl-overlay") && ($(r).prev().addClass("error-img"),
                    $(r).prev().css("strokeDasharray", "100 100"),
                    $(r).prev().find(".number").html("<span>失败</span>"),
                    $(r).prev().find("h2").html(""),
                    "none" == $(r).prev().find(".retry_img>span").css("display") && ($(r).prev().find(".retry_img>span").show(),
                      $(r).prev().find(".retry_img>span").on("click", function () {
                        console.log(n),
                          $(r).prev().removeClass("error-img"),
                          l(e, r, n++)
                      })))
            }
            ,
            a.onload = async function () {
              4 == a.readyState && (200 == a.status ? (r.src = await g(a.response, s, r),
                $(r).prev().hasClass("dl-overlay") && $(r).prev().remove()) : 0 == n && (n += 1,
                  await p(e, r, n)))
            }, a.send()
        }
        function f(e) {
          const t = e.sigBytes
            , r = e.words
            , n = new Uint8Array(t);
          for (var s = 0, a = 0; s != t;) {
            var i = r[a++];
            if (n[s++] = (4278190080 & i) >>> 24,
              s == t)
              break;
            if (n[s++] = (16711680 & i) >>> 16,
              s == t)
              break;
            if (n[s++] = (65280 & i) >>> 8,
              s == t)
              break;
            n[s++] = 255 & i
          }
          return n
        }
        const h = e => new Promise(t => setTimeout(t, e))
          , v = e => {
            let t = new FileReader;
            return t.readAsDataURL(e),
              new Promise(e => {
                t.onloadend = (() => {
                  e(t.result)
                })
              })
          };
        async function g(e, t, s) {
          let a = e, i = CryptoJS.enc.Utf8.parse(t), o = CryptoJS.lib.WordArray.create(a), c, l = f(CryptoJS.AES.decrypt({
            ciphertext: o
          }, i, {
            iv: i,
            padding: CryptoJS.pad.Pkcs7
          })), d = "";
          if (r) {
            let e = new Blob([l]);
            d = URL.createObjectURL(e)
          } else {
            let e = 0;
            for (; "" === d && e < 100;) {
              if (e++,
                !n) {
                let e;
                n = !0,
                  d = await webpMachine.decode(l),
                  n = !1
              }
              "" === d && await h(300)
            }
            "" == d && console.log($(s).attr("data-sort"), "fail!!")
          }
          return d
        }
      }
      )
    });

  </script>
</body>

</html>